Czym jest User Interface?

W poprzednim artykule skupiłem się na wyjaśnieniu podstaw dotyczących User Experience (UX). Gorąco zachęcam Cię do przeczytania wpisu, jeżeli nie miałe(a)ś okazji jeszcze tego zrobić. Dziś chciałbym przybliżyć równie ważne pojęcie jakim jest UI. Chociaż wiele osób używa określeń UX i UI zamiennie, to tak naprawdę nie są one wcale równoznaczne i w rzeczywistości występują pomiędzy nimi istotne różnice. Z całą pewnością są one jednak ze sobą powiązane i rzadko występuję jedno bez drugiego.

User Interface (UI)

Zapewne spotkałe(a)ś się już takim pojęciem ja UI – po polsku „interfejs użytkownika”. Aby szczegółowo przybliżyć znaczenie i definicję, posłużę się prostym przykładem wszystkim dobrze znanym Allegro.

Patrząc na powyższą witrynę internetową zauważyłeś zapewne wiele elementów wizualnych takich jak menu, odnośniki, przyciski, kolorystyka, rozmieszczenie tekstu czy elementy graficzne. Wszystkie te elementy ułatwiają Ci komunikację z serwisem, abyś bez problemu mógł zrealizować swój cel. Możesz wyszukać interesujący produkt, wyświetlić wszystkie produkty z danej kategorii lub przejść chociażby do strefy okazji. Sposób rozmieszczenia i ostylowania tych wszystkich elementów nazywamy właśnie interfejsem użytkownika.

Jakiś czas temu na jednym z portali przeczytałem, że Interfejs użytkownika jest jak dobry żart. Jeżeli musisz go wytłumaczyć, to znaczy, że nie jest już taki dobry. Chociaż te dwa zdania można traktować z przymróżeniem oka, coraz cześciej możemy zauważyć z pozoru proste aplikacje, które zawierają przesadzoną ilość własnych gestów i sporo elementów poukrywanych.

W artykule dotyczącym User Experience wspominałem o sposobie interakcji z usługą. Załóżmy, że chciałbyś dokonać zakupu wybranego produktu. Po dodaniu produktu do koszyka, aplikacja wykona pewne działania, zostaniesz przekierowany do formularza zapłaty, bedziesz miał również prawdopodobnie możliwość dostosowania wysyłki, metody płatności itd. W opisywanej sytuacji masz doczynienia więcej niż z interfejsem użytkownika. Dochodzą tu kolejne działania, wspomniane wczesniej interakcje, które wraz z UI składają się na większą całość, znaną jako User Experience.

Co jest ważniejsze, UI czy UX?

Obydwa zagadnienia są dopełniające. Produkt, który ma ciekawy i ładny interfejs, ale jest trudny w użyciu to przykład bardzo dobrego UI ze słabym UX. Produkt, który jest natomiast użyteczny, ale wygląda okropnie to przykład bardzo dobrego UX ze słabym UI. Tworząc więc oprogramowanie nie popełniaj tego błędu:

Mam nadzieję, że obydwa zagadnienia – zarówno UI, jak i UX są teraz dla Ciebie klarowne, a wiedzę wykorzystasz w praktyce!